.page-header {
    margin-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

.condition-card {
    padding: 15px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    margin-bottom: 15px;
    background-color: #f8f9fa;
}

.condition-card .card-body {
    padding: 15px;
}

.remove-condition {
    font-size: 1.2em;
    line-height: 1;
    padding: 0 0.5em;
    border: none;
    background: none;
    color: #dc3545;
}

.multi-value-input textarea {
    min-height: 100px;
}

.range-input .form-control,
.multi-value-input .form-control {
    margin-bottom: 5px;
}

.form-text {
    font-size: 0.8em;
    color: #6c757d;
}

#json-output {
    min-height: 200px;
    font-family: monospace;
    white-space: pre-wrap;
}

.json-container {
    position: relative;
}

.copy-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

.spinner-border {
    vertical-align: text-top;
}